/* bubble style */
.sender{
  clear:both;
}

.sender div:nth-of-type(1){
  float: left;
}
.sender div:nth-of-type(2){
  background-color: DodgerBlue;
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender div:nth-of-type(2) {
	    background-color: DodgerBlue;
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver div:first-child img,
.sender div:first-child img{
  width:50px;
  height: 50px;
}

.receiver{
  clear:both;
}
.receiver div:nth-child(1){
  float: right;
}
.receiver div:nth-of-type(2){
  float:right;
  background-color: MediumSeaGreen;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver div:nth-of-type(2){
	  float:right;
	  background-color: MediumSeaGreen;
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent DodgerBlue transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent MediumSeaGreen;  
  position: relative;
  right:-16px;
  top:3px;
}

/* 伯贤 太阳黄 */
.sender_boxian{
  clear:both;
}

.sender_boxian div:nth-of-type(1){
  float: left;
}
.sender_boxian div:nth-of-type(2){
  background-color: RGB(245,245,8);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_boxian div:nth-of-type(2) {
	    background-color: RGB(245,245,8);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_boxian div:first-child img,
.sender_boxian div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_boxian{
  clear:both;
}
.receiver_boxian div:nth-child(1){
  float: right;
}
.receiver_boxian div:nth-of-type(2){
  float:right;
  background-color: RGB(245,245,8);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_boxian div:nth-of-type(2){
	  float:right;
	  background-color: RGB(245,245,8);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_boxian{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent #F5F508 transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_boxian{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent #F5F508;  
  position: relative;
  right:-16px;
  top:3px;
}


/* 灿烈 嫩草绿 */
.sender_canlie{
  clear:both;
}

.sender_canlie div:nth-of-type(1){
  float: left;
}
.sender_canlie div:nth-of-type(2){
  background-color: RGB(60,179,113);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_canlie div:nth-of-type(2) {
	    background-color: RGB(60,179,113);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_canlie div:first-child img,
.sender_canlie div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_canlie{
  clear:both;
}
.receiver_canlie div:nth-child(1){
  float: right;
}
.receiver_canlie div:nth-of-type(2){
  float:right;
  background-color: RGB(60,179,113);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_canlie div:nth-of-type(2){
	  float:right;
	  background-color: RGB(60,179,113);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_canlie{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent #3CB371 transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_canlie{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent #3CB371;  
  position: relative;
  right:-16px;
  top:3px;
}




/* 世勋 西瓜红 */
.sender_shixun{
  clear:both;
}

.sender_shixun div:nth-of-type(1){
  float: left;
}
.sender_shixun div:nth-of-type(2){
  background-color: RGB(255,64,64);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_shixun div:nth-of-type(2) {
	    background-color: RGB(255,64,64);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_shixun div:first-child img,
.sender_shixun div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_shixun{
  clear:both;
}
.receiver_shixun div:nth-child(1){
  float: right;
}
.receiver_shixun div:nth-of-type(2){
  float:right;
  background-color: RGB(255,64,64);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_shixun div:nth-of-type(2){
	  float:right;
	  background-color: RGB(255,64,64);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_shixun{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent #FF4040 transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_shixun{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent #FF4040;  
  position: relative;
  right:-16px;
  top:3px;
}




/* 艺兴 紫色 */
 .sender_yixing{
   clear:both;
 }
 
 .sender_yixing div:nth-of-type(1){
   float: left;
 }
 .sender_yixing div:nth-of-type(2){
   background-color: RGB(128,32,128);
   float: left;
   margin:0 0.625rem 0.625rem 1.25rem;
   padding: 10px 10px 10px 0px;
   border-radius:7px;
 }
 
 
 @media (max-width:450px){
 	.sender_yixing div:nth-of-type(2) {
 	    background-color: RGB(128,32,128);
 	    float: left;
 	    margin: -3.3rem 4em 1rem 4rem;
 	    padding: 10px 10px 10px 0px;
 	    border-radius: 7px;
 	    width: 70%;
 	}
 	}
 
 .receiver_yixing div:first-child img,
 .sender_yixing div:first-child img{
   width:50px;
   height: 50px;
 }
 
 .receiver_yixing{
   clear:both;
 }
 .receiver_yixing div:nth-child(1){
   float: right;
 }
 .receiver_yixing div:nth-of-type(2){
   float:right;
   background-color: RGB(128,32,128);
   margin:0 0.625rem 0.625rem 1.25rem;
   padding: 10px 0px 10px 10px;
   border-radius:7px;
 }
 
 @media (max-width:450px){
 	.receiver_yixing div:nth-of-type(2){
 	  float:right;
 	  background-color: RGB(128,32,128);
 	  margin: -3.3rem 4rem 1rem 4rem;
 	  padding: 10px 0px 10px 10px;
 	  border-radius:7px;
 	  width: 70%;
 	}
 	}
 
 .left_triangle_yixing{
   height:0px;  
   width:0px;  
   border-width:8px;  
   border-style:solid;  
   border-color:transparent #802080 transparent transparent;  
   position: relative;
   left:-16px;
   top:3px;
 }
 
 .right_triangle_yixing{
   height:0px;  
   width:0px;  
   border-width:8px;  
   border-style:solid;  
   border-color:transparent transparent transparent #802080;  
   position: relative;
   right:-16px;
   top:3px;
 }
 

/* 俊勉 淡紫色 */
.sender_junmian{
  clear:both;
}

.sender_junmian div:nth-of-type(1){
  float: left;
}
.sender_junmian div:nth-of-type(2){
  background-color: RGB(128,90,128);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_junmian div:nth-of-type(2) {
	    background-color: RGB(128,90,128);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_junmian div:first-child img,
.sender_junmian div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_junmian{
  clear:both;
}
.receiver_junmian div:nth-child(1){
  float: right;
}
.receiver_junmian div:nth-of-type(2){
  float:right;
  background-color: RGB(128,90,128);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_junmian div:nth-of-type(2){
	  float:right;
	  background-color: RGB(128,90,128);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_junmian{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent #805A80 transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_junmian{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent #805A80;  
  position: relative;
  right:-16px;
  top:3px;
}




/* zhongda 黄橙色 */
.sender_zhongda{
  clear:both;
}

.sender_zhongda div:nth-of-type(1){
  float: left;
}
.sender_zhongda div:nth-of-type(2){
  background-color: RGB(255,165,0);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_zhongda div:nth-of-type(2) {
	    background-color: RGB(255,165,0);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_zhongda div:first-child img,
.sender_zhongda div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_zhongda{
  clear:both;
}
.receiver_zhongda div:nth-child(1){
  float: right;
}
.receiver_zhongda div:nth-of-type(2){
  float:right;
  background-color: RGB(255,165,0);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_zhongda div:nth-of-type(2){
	  float:right;
	  background-color: RGB(255,165,0);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_zhongda{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent #FFA500 transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_zhongda{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent #FFA500;  
  position: relative;
  right:-16px;
  top:3px;
}



/* zhongren 灰绿色 */
.sender_zhongren{
  clear:both;
}

.sender_zhongren div:nth-of-type(1){
  float: left;
}
.sender_zhongren div:nth-of-type(2){
  background-color: RGB(90,128,90);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_zhongren div:nth-of-type(2) {
	    background-color: RGB(90,128,90);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_zhongren div:first-child img,
.sender_zhongren div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_zhongren{
  clear:both;
}
.receiver_zhongren div:nth-child(1){
  float: right;
}
.receiver_zhongren div:nth-of-type(2){
  float:right;
  background-color: RGB(90,128,90);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_zhongren div:nth-of-type(2){
	  float:right;
	  background-color: RGB(90,128,90);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_zhongren{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent  #5A805A transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_zhongren{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent  #5A805A;  
  position: relative;
  right:-16px;
  top:3px;
}


/* 珉锡 银白色*/
.sender_minxi{
  clear:both;
}

.sender_minxi div:nth-of-type(1){
  float: left;
}
.sender_minxi div:nth-of-type(2){
  background-color: RGB(192,192,192);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_minxi div:nth-of-type(2) {
	    background-color: RGB(192,192,192);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_minxi div:first-child img,
.sender_minxi div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_minxi{
  clear:both;
}
.receiver_minxi div:nth-child(1){
  float: right;
}
.receiver_minxi div:nth-of-type(2){
  float:right;
  background-color: RGB(192,192,192);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_minxi div:nth-of-type(2){
	  float:right;
	  background-color: RGB(192,192,192);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_minxi{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent  #C0C0C0 transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_minxi{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent #C0C0C0;  
  position: relative;
  right:-16px;
  top:3px;
}



/* jingxiu 粉色*/
.sender_jingxiu{
  clear:both;
}

.sender_jingxiu div:nth-of-type(1){
  float: left;
}
.sender_jingxiu div:nth-of-type(2){
  background-color: RGB(255,134,155);
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_jingxiu div:nth-of-type(2) {
	    background-color: RGB(255,134,155);
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_jingxiu div:first-child img,
.sender_jingxiu div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_jingxiu{
  clear:both;
}
.receiver_jingxiu div:nth-child(1){
  float: right;
}
.receiver_jingxiu div:nth-of-type(2){
  float:right;
  background-color: RGB(255,134,155);
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_jingxiu div:nth-of-type(2){
	  float:right;
	  background-color: RGB(255,134,155);
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_jingxiu{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent #FF869B transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_jingxiu{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent #FF869B;  
  position: relative;
  right:-16px;
  top:3px;
}



/* exo-L 我们*/
.sender_aili{
  clear:both;
}

.sender_aili div:nth-of-type(1){
  float: left;
}
.sender_aili div:nth-of-type(2){
  background-color: DodgerBlue;
  float: left;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 10px 10px 0px;
  border-radius:7px;
}


@media (max-width:450px){
	.sender_aili div:nth-of-type(2) {
	    background-color: DodgerBlue;
	    float: left;
	    margin: -3.3rem 4em 1rem 4rem;
	    padding: 10px 10px 10px 0px;
	    border-radius: 7px;
	    width: 70%;
	}
	}

.receiver_aili div:first-child img,
.sender_aili div:first-child img{
  width:50px;
  height: 50px;
}

.receiver_aili{
  clear:both;
}
.receiver_aili div:nth-child(1){
  float: right;
}
.receiver_aili div:nth-of-type(2){
  float:right;
  background-color: DodgerBlue;
  margin:0 0.625rem 0.625rem 1.25rem;
  padding: 10px 0px 10px 10px;
  border-radius:7px;
}

@media (max-width:450px){
	.receiver_aili div:nth-of-type(2){
	  float:right;
	  background-color: DodgerBlue;
	  margin: -3.3rem 4rem 1rem 4rem;
	  padding: 10px 0px 10px 10px;
	  border-radius:7px;
	  width: 70%;
	}
	}

.left_triangle_aili{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent  DodgerBlue transparent transparent;  
  position: relative;
  left:-16px;
  top:3px;
}

.right_triangle_aili{
  height:0px;  
  width:0px;  
  border-width:8px;  
  border-style:solid;  
  border-color:transparent transparent transparent DodgerBlue;  
  position: relative;
  right:-16px;
  top:3px;
}